<template>
    <div>
        <Top>我的课程</Top>
         <div class="content">
            <h3>
                <i class="iconfont icon-wodekechengCopy" ></i> 课程中心
            </h3>
            <CourseList :courseList="courseList"></CourseList>
        </div>
    </div>
</template>
<script>
import Top from '@/components/Top.vue'
import CourseList from '@/components/CourseList.vue'
import {mapActions,mapState} from 'vuex'
export default {
    components:{
        CourseList,
        Top
    },
    computed: {
        ...mapState('course',['courseList'])
    },
    async created() {
        this.setCourse();
    },
    methods: {
        ...mapActions('course',['setCourse'])
    },
}
</script>
<style lang="less" scoped>
.icon-wodekechengCopy{
  color:#333
}
.content{
    padding-top:10px;
  padding-bottom: 20px;
}
.content h3{
    font-size: 16px;
    line-height: 32px;
}  
</style>